const Child1 = {
	isJiess: true,
	setup() {
		this.add(
			this.render({ is: 'JiessFragment' },
				this.slot('slot1'),
				this.slot('slot2'),
				this.slot('slot3'),
				this.slot('slot4', {
					// 作用域插槽反馈数据
					$slotData: {
						message: '作用域插槽反馈出来的数据'
					}
				}),
			)
		);
	}
}
// 由于需要大量用到上下文中的方法和属性
// 所以，setup函数一定要定义为function
export default async function() {
	// Jiess插槽不受原框架环境限制，均支持
	this.add(
		this.render({ className: 'outer' },
			this.render({ is: 'JiessFragment' },
				this.render({ className: 'inner' },
					this.render({
						is: Child1,
						$slots: {
							slot1: '插入字符串',
							slot2: () => '函数式插入字符串',
							slot3() {
								return this.render({}, '插入render节点')
							},
							slot3() {
								return [
									this.render({}, '插入数组元素1'),
									'插入数组元素2',
								]
							},
							slot4(prop) {
								return this.render({}, prop?.message)
							}
						}
					})
				)
			)
		)
	)
}